import React from "react";
import { Button, notification } from 'antd';

const openNotificationWithIcon = function (type) {
  return function () {
    notification[type]({
      message: '这是标题',
      description: '这是提示框的文案这是提示框示框的文案这是提示是提示框的文案这是提示框的文案',
    });
  };
};

const ContentWrapperLayout = () => {
  return (
    <div className="content-wrapper">
      {/*<!-- Content Header (Page header) -->*/}
      <section className="content-header">
        <h1>
          仪盘表
          <small>控制面板</small>
        </h1>
        <ol className="breadcrumb">
          <li><a href="#"><i className="fa fa-dashboard"></i> 首页</a></li>
          <li className="active">仪盘表</li>
        </ol>
      </section>

      {/*<!-- Main content -->*/}
      <section className="content">
        <Button onClick={openNotificationWithIcon('success')}>成功</Button>
        <Button onClick={openNotificationWithIcon('info')}>消息</Button>
        <Button onClick={openNotificationWithIcon('warning')}>警告</Button>
        <Button onClick={openNotificationWithIcon('error')}>错误</Button>
      </section>
      {/*<!-- /.content -->*/}
    </div>
  );
};

ContentWrapperLayout.propTypes = {};

export default ContentWrapperLayout;
